<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body class="d_f fdcolumn">
    <main class="flex ofScroll">
        <div class="content prv">
            <img src="../img/course-img01.jpg" alt="" id="imgPicker">
            <span class="icon-back iconfont pabs cfff" id="returnBtn"></span>
            <span class="icon-play iconfont pabs cfff" id="playaudio"></span>
        </div>
        <div class="lessonName">
            <h2 id="lessName"></h2>
            <p class="d_f jssbetween"><span><span id="spendC">45</span><span class="c9a f12">千卡</span>
                    <span>15<span class="c9a f12">分钟</span>
                    </span></span> <span>99.99万人练过 <span>&gt;</span></span></p>
        </div>
        <div class="d_f jssbetween teacherInfo">
           <div class="d_f"> <img src="../img/cat.jpg" id="userImg" class="mr16">
            <h2 class="f20">用户名 <p class="f14 c9a fwn">三线达人课程设计师</p>
            </h2></div>
            <button class="cfff">+关注</button>
        </div>
        <p class="p15 c8a f14" id="lesonDesc"></p>

        <div class="d_f mb28 trainigWay">
            <div class="tcenter">
                <p class="mb10"> <span class="icon-instrument iconfont"></span> 练习频次</p>
                <span class="c8a mt10">每周三次</span>
            </div>
            <div class="tcenter">
                <p class="mb10"><span class="icon-instrument iconfont"></span> 练习频次</p>
                <span class="c8a">每周三次</span>
            </div>
        </div>
        <div id="startTraing" class="cfff tcenter"> 开始训练</div>


    </main>
</body>

</html>